<div class="content-wrap">
    <div class="header d-flex flex-justify-between p-2 hide-lg hide-xl" aria-label="top navigation">
        <button id="toggle" class="btn-octicon p-2 m-0 text-white" type="button">
            <i class="fa fa-bars"></i>
        </button>
        <div class="title flex-1 d-flex flex-justify-center">
            <a class="h4 no-underline py-1 px-2 rounded-1" href="{{ site.baseurl }}/">{{ site.title }}</a>
        </div>
    </div>
    <div class="content p-3 p-sm-5">
        {% include class/_breadcrumbs.liquid %}
        <hr>
        <div role="main" itemscope="itemscope" itemtype="http://schema.org/Article">
            <div class="markdown-body" itemprop="articleBody">
                {{ content }}
            </div>
        </div>
        {% include class/_footer.liquid %}
    </div>
</div>
